<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        summary::marker {
            content: '\2714';
            color: #696f7c;
            margin-right: 5px;
        }

        /* summary::before {
            content: '\25B81';
            color: #696f7c;
            margin-right: 5px;
        } */
    </style>
</head>

<body>
    <!-- <figure>
        <figcaption>黄浦江上的的卢浦大桥</figcaption>
        <p>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</p>
        <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" />
      </figure>
      <dialog open>
        Hello world
      </dialog>
      <figure>
        <figcaption>JavaScript 代码示例</figcaption>
        <p><code>const foo = 'hello';</code></p>
      </figure> -->
    <!-- 
    <details>
        <summary>这是标题</summary>
        这是一段解释文本。
    </details> -->
    <!-- <audio src="./news.mp3" autoplay controls="controls" muted>
        Your browser does not support the audio element.
    </audio> -->
    <p>第一段</p>
<!-- 文章评注 -->
<aside>
  <p>本段是文章的重点。</p>
</aside>

    <script>
        // window.onload = function() {
        //     console.log('aa');
        //     let audio = document.querySelector('audio')
        //     var promise = audio.play();
        //     console.log(audio);
        //     console.log(promise);

        //     if (promise !== undefined) {
        //         promise.then(_ => {
        //             // Autoplay started!
        //             document.querySelector('audio').play()
        //         }).catch(error => {
        //             // Autoplay was prevented.
        //             // Show a "Play" button so that user can start playback.
        //         });
        //     }
        // }
        
    </script>

</body>

</html>